<include file="Public:header" />

    

    <!-- Promo Block -->
    <section class="g-flex-centered g-bg-pos-center g-bg-img-hero g-py-150" style="background-image: url(<{$banner[0]['picurl']}>);" data-calc-target="#js-header">
      <div class="container text-center g-z-index-1">
        
        <div class="g-mb-25" data-animation="fadeInUp" data-animation-delay="500" data-animation-duration="1500">
          <h2 class="h4 d-inline-block g-brd-bottom g-brd-2 g-brd-black g-color-black g-font-weight-600 text-uppercase g-pb-5"> <{:C('cfg_banner_txt_one')}></h2>
        </div>
        <h3 class="g-color-black g-font-weight-700 g-font-size-40 g-font-size-55--md text-uppercase g-mb-40" data-animation="fadeInUp" data-animation-delay="800" data-animation-duration="1500">
              <{:C('cfg_banner_txt_two')}>
          </h3>
        <div data-animation="fadeInUp" data-animation-delay="1100" data-animation-duration="1500">
          <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-13 text-uppercase g-rounded-50 mx-2 g-px-25 g-py-15 g-mb-20" href="#">View new products</a>
        </div>
      </div>
    </section>
    <!-- End Promo Block -->

   
 
 

    <!-- Projects -->
    <section class="container g-py-100">
      <div class="text-center g-mb-50">
        <h2 class="h1 g-color-black g-font-weight-600">Product Description</h2>
        <p class="lead">  <{:C('cfg_index_pro_description')}> </p>
      </div>


      <?php
            $pro_info = M('content')->where('pid=2')->select();
            //var_dump($pro_info);
        ?>
      <div class="row no-gutters g-mx-minus-10">
        <div class="col-sm-6 col-lg-4 g-px-10 g-mb-20">
          <!-- Projects -->
          <div class="u-block-hover g-brd-around g-brd-gray-light-v4 g-color-black g-color-white--hover g-bg-yellow--hover text-center rounded g-transition-0_3 g-px-30 g-py-50">
            <img class="img-fluid u-block-hover__main--zoom-v1 mb-5" src="<{$pro_info[0]['picurl']}>" alt="Image Description">
            <span class="g-font-weight-600 g-font-size-12 text-uppercase"><{$pro_info[0]['description']}></span>
            <h3 class="h4 g-font-weight-600 mb-0"><{$pro_info[0]['tag']}></h3>

            <a class="u-link-v2" href="index.php?m=product&a=detail&id=<{$pro_info[0]['id']}>"></a>
          </div>
          <!-- End Projects -->
        </div>

        <div class="col-sm-6 col-lg-4 g-px-10 g-mb-20">
          <!-- Projects -->
          <div class="u-block-hover g-brd-around g-brd-gray-light-v4 g-color-black g-color-white--hover g-bg-cyan--hover text-center rounded g-transition-0_3 g-px-30 g-py-50">
            <img class="img-fluid u-block-hover__main--zoom-v1 mb-5" src="<{$pro_info[1]['picurl']}>" alt="Image Description">
            <span class="g-font-weight-600 g-font-size-12 text-uppercase"><{$pro_info[1]['description']}></span>
            <h3 class="h4 g-font-weight-600 mb-0"><{$pro_info[1]['tag']}></h3>

            <a class="u-link-v2" href="index.php?m=product&a=detail&id=<{$pro_info[1]['id']}>"></a>
          </div>
          <!-- End Projects -->
        </div>

        <div class="col-sm-6 col-lg-4 g-px-10 g-mb-20">
          <!-- Projects -->
          <div class="u-block-hover g-brd-around g-brd-gray-light-v4 g-color-black g-color-white--hover g-bg-teal--hover text-center rounded g-transition-0_3 g-px-30 g-py-50">
            <img class="img-fluid u-block-hover__main--zoom-v1 mb-5" src="<{$pro_info[2]['picurl']}>" alt="Image Description">
            <span class="g-font-weight-600 g-font-size-12 text-uppercase"><{$pro_info[2]['description']}></span>
            <h3 class="h4 g-font-weight-600 mb-0"><{$pro_info[2]['tag']}></h3>

            <a class="u-link-v2" href="index.php?m=product&a=detail&id=<{$pro_info[2]['id']}>"></a>
          </div>
          <!-- End Projects -->
        </div>

     
         
      </div>
    </section>
    <!-- End Projects -->

   

   

    <hr class="g-brd-gray-light-v4 my-0">

   

<include file="Public:footer" />